import { useState } from 'react'
import './App.css';
import Com from './components/Com';
import Input from './components/Input';
import HookState from './pages/HookState';
import HookEffect from './pages/HookEffect';
import HookContext from './pages/HookContext';
import HookReducer from './pages/HookReducer';


function App() {
  const [flag, setFlag] = useState(true)
  return (
    <div className="App">
      {/* <Com/>
      <Input/> */}
      {/* {
        flag? <HookEffect/>: <></>
      }
      <button onClick={() => {
        setFlag(false)
      }}>删除组件</button> */}

      {/* <HookContext/> */}

      <HookReducer/>
    </div>
  )
}

export default App;
